<%@page contentType="text/html;charset=utf-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>当当图书 – 全球最大的中文网上书店</title>
		<script type="text/javascript" src="../js/prototype-1.6.0.3.js">
		</script>
		<link href="../css/book.css" rel="stylesheet" type="text/css" />
		<link href="../css/second.css" rel="stylesheet" type="text/css" />
		<link href="../css/secBook_Show.css" rel="stylesheet" type="text/css" />
		<link href="../css/list.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
		<script type="text/javascript" src="../js/ui.core.js"></script>
		<script type="text/javascript" src="../js/ui.sortable.js"></script>
		<script type="text/javascript" src="../js/main/booklist.js"></script>
	</head>
	<body>
		&nbsp;

		<!-- 头部开始 -->
		<%@include file="../common/head.jsp"%>
		<!-- 头部结束 -->

		<div style="width: 962px; margin: auto;">
			<a href="#"><img src="../images/default/book_banner_081203.jpg" border="0" /> </a>
		</div>
		<div class='your_position'>
			您现在的位置:&nbsp;
			<a href='#'>当当图书</a> &gt;&gt;
			<font style='color: #cc3300'><strong>${parentName}</strong> </font>
		</div>

		<div class="book">

			<!--左栏开始-->
			<div id="left" class="book_left">
				<div id="__fenleiliulan">
					<div class=second_l_border2>
						<h2>
							分类浏览
						</h2>
								<div style="margin-left: 10px;margin-top: 20px;font-size:18px;">
									<div class=second_fenlei>
										&middot;全部&nbsp;(${totalNum})
									</div>
								</div>
						<ul id="myList">
						
							<div class="clear"></div>
							
							<!--2级分类开始-->
							<s:iterator value="cates" status="stat">
								<li id="myList_${id}" value="${id}">
									<input type="hidden" id="li_id" value="${id}"/>
									<div >
										<div class=second_fenlei>
											&middot;
										</div>
											<s:if test="cid == id">
												<font style="font-weight: bold;font-size: 15px;">${name}&nbsp;(${productSum})</font>
												<s:set  var="bookSum" >${productSum}</s:set>
												<s:set  var="parentID">${parentID}</s:set>
											</s:if>
											<s:else>
												<a href="../main/bookList.action?pid=${parentID}&cid=${id}&parentName=${parentName}"  style="font-size: 14px;">${name}&nbsp;(${productSum})</a>
											</s:else>
									</div>
								</li>
							    <div class="clear"></div>
								</s:iterator>
							<!--2级分类结束-->
							
						</ul>
					</div>
				</div>
			</div>

			<!--左栏结束-->

			<!--中栏开始-->
			<div class="book_center">

				<!--图书列表开始-->
				<div id="divRight" class="list_right">

					<div id="book_list" class="list_r_title">
						<div class="list_r_title_text">
							排序方式
						</div>
						<select onchange='' name='select_order' size='1'
							class='list_r_title_ml'>
							<option value="">
								按上架时间 降序
							</option>
						</select>
						<div id="divTopPageNavi" class="list_r_title_text3">

							<!--分页导航开始-->
							
							<s:if test="pages-1 >0">
								<div class='list_r_title_text3a'>
									<a name=link_page_next
										href="../main/bookList.action?pid=${parentID}&cid=${cid}&parentName=${parentName}&pages=${pages-1}">
									<img src='../images/page_up.gif' /> </a>
								</div>
							</s:if><s:else>
								<div class='list_r_title_text3a'>
									<img src='../images/page_up_gray.gif' />
								</div>
							</s:else>
							<div class='list_r_title_text3b'>
								第${pages}页/共<s:property value="processPageSum(#bookSum,pageSize)"/>页
							</div>
							<s:if test="processPageSum(#bookSum,pageSize) > pages">
								<div class='list_r_title_text3a'>
									<a name=link_page_next
										href="../main/bookList.action?pid=${parentID+0}&cid=${cid}&parentName=${parentName}&pages=${pages+1}&pageSize=${pageSize}">
										<img src='../images/page_down.gif' /> </a>
								</div>
							</s:if>
							<s:else>
								<div class='list_r_title_text3a'>
									<img src='../images/page_down_gray.gif' />
								</div>
							</s:else>
							<!--分页导航结束-->
						</div>
					</div>
					
					<!--商品条目开始-->
						
						<div class="list_r_line"></div>
						<s:iterator value="books">
							<div class="clear"></div>
	
							<div class="list_r_list">
								<span class="list_r_list_book"><a name="link_prd_img" href='#'>
									<img src="../images/product/${productPic}" /> </a> </span>
								<h2>
									<a name="link_prd_name" href='#'>${productName}</a>
								</h2>
								<h3>
									顾客评分：100
								</h3>
								<h4 class="list_r_list_h4">
									作 者:
									<a href='#' name='作者'>${author}</a>
								</h4>
								<h4>
									出版社：
									<a href='#' name='出版社'>${publishing}</a>
								</h4>
								<h4>
									出版时间：<s:date name="new java.util.Date(publishTime)" format="yyyy-MM-dd"/>
								</h4>
								<h5>
									${description}
								</h5>
								<div class="clear"></div>
								<h6>
									<span class="del">￥${fixedPrice}</span>
									<span class="red">￥${dangPrice}</span>
									节省：￥<fmt:formatNumber value="${fixedPrice-dangPrice}" pattern="#,###.##" />
								</h6>
								<span class="list_r_list_button"> 
								<a href="javascript:linkok('#')" id="buy_link" onclick="processBuy('${id}');" >
								<img src='../images/buttom_goumai.gif' /> </a>
								<span id="cartinfo_${id}" class="cartinfospan"> </span>
							</div>
							<div class="clear"></div>
						</s:iterator>
				
					
						<!--商品条目结束-->

					<div class="clear"></div>
					<div id="divBottomPageNavi" class="fanye_bottom">
					</div>

				</div>
				<!--图书列表结束-->

			</div>
			<!--中栏结束-->
			
			<div class="clear"></div>
		</div>

		<!--页尾开始 -->
		<%@include file="../common/foot.jsp"%>
		<!--页尾结束 -->
	</body>
</html>
